<template>
<div id="foot">
<div class="foot">
    <footerTop :info = this.footInfo></footerTop>
    <footImg></footImg>
    <footInfo :info = this.footInfo></footInfo>
</div>
</div>
</template>

<script>
import footerTop from './footerTop/footerTop'
import footImg from './footerImg/imgItem'
import footInfo from './footerInfo/footInfo'

export default {
    name: 'foot',
    components:{
        footerTop,
        footImg,
        footInfo
    },
    props:{
        footInfo:{
            type:[String,Object,Array],
            required: true
        }
    }
}
</script>

<style scoped>
#foot{
    position: relative;
    width: 100%;
}
.foot{
    margin-top:85px ;
    height: 430px;
    background: #242221;
    border-top: 3px solid #1d953f;
    width: 100%;
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
}
</style>